

<template>
  <interact-model ref="interact-model" title="河流视频信息" class="reservoir-model">
    <div class="reservoir-warpper">
      <video :src="videoSrc" autoplay loop></video>
    </div>
  </interact-model>
</template>

<script>
import { loadingMixin, interactModelMixin, aPictureModelMixin } from 'common/js/mixins'
import { wateringLogging } from 'common/js/echart'
import { ERR_OK } from 'api/config'
import { getReservoirInfo } from 'api/aPicture'

export default {
  mixins: [loadingMixin, interactModelMixin, aPictureModelMixin],
  data () {
    return {
      videoSrc: {}
    }
  },
  methods: {
    show (feature, layerNames) {
      this.$refs['interact-model'].showModel()
      this.videoSrc = feature.get('content').path
    }
  }
}
</script>

<style lang="scss">
.reservoir-model {
  width: 700px;
  height: 540px;
  .reservoir-warpper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    video{
      width: 100%;
    }
  }
}
</style>
